<!DOCTYPE html>
<html lang="en-GB">

<head>
    <title>Builderstars - Post and request home repairs</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="keywords" content="handyman, repair, tradesman, tradesmen, find tradesmen, local tradesman, local tradesmen, local handyman, recommendation service">
    <meta name="description" content="Builderstars is a website where you can find and request repairs for free">
    <link rel="stylesheet" type="text/css" href={{ asset("public/assets/css/main.css") }}>
    <link rel="icon" href={{ asset("public/assets/img/favicon.ico") }} type="image/x-icon">
    <!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
</head>

<body id="body">
    <!-- HEADER SECTION -->
    <section id="top-menu">
        <article>
            <div>
                <ul>
                    <li>
                        <a href="clients.html" title="For clients">
                            <img src={{ asset("public/assets/img/for_clients.png") }} alt="For clients" />For clients</a>
                    </li>
                    <li>
                        <a href="tradesmen.html" title="For tradesmen">
                            <img src={{ asset("public/assets/img/for_tradesmen.png") }} alt="For tradesmen" />For tradesmen</a>
                    </li>
                    <li>
                        <a href="./login" title="Go to login">
                            <img src={{ asset("public/assets/img/for_login.png") }} alt="Login">Login</a>
                    </li>
                </ul>
            </div>
        </article>
    </section>
    <section id="main-menu">
        <article>
            <header>
                <div id="under-logo">
                    <!-- CHANGE THE href of the img -->
                    <a href="./" title="Find and request house repair">
                        <img src={{ asset("public/assets/img/logo.png") }} alt="BuilderStars Logo" />
                    </a>
                </div>
                <nav>
                    <ul>
                        <li>
                            <a href="#" tittle="Go to the front page of Builderstars">Home</a>
                        </li>
                        <li>
                            <a href="#" title="Post a job you offer and attract customers">Request a repair</a>
                        </li>
                        <li>
                            <a href="#" title="Find a handyman to do your repair at home">Find a tradesman</a>
                        </li>
                        <li>
                            <a href="#" title="Find a handyman to do your repair at home">Post a job</a>
                        </li>
                        <li>
                            <a href="#" title="Builderstars Frequently asked questions" rel="noFollow">F.A.Q.</a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com/BuilderStars" title="Like Builderstars on facebook" rel="noFollow" target="_blank">
                                <img src={{ asset("public/assets/img/facebook.png") }} alt="Facebook icon" />
                            </a>
                        </li>
                        <li>
                            <a href="https://plus.google.com/u/0/b/105526134367084529265/105526134367084529265/posts" target="_blank" rel="noFollow" title="Follow us on Google+">
                                <img src={{ asset("public/assets/img/googleplus.png") }} alt="GooglePlus icon" />
                            </a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com/BuilderStars" title="Like Builderstars on facebook" rel="noFollow" target="_blank">
                                <img src={{ asset("public/assets/img/twitter.png") }} alt="Twitter icon" />
                            </a>
                        </li>

                    </ul>
                </nav>
            </header>
        </article>
    </section>
    <!--END HEADER SECTION-->

    <section id="main-heading">
        <article class="clearfix">
            <span>
                <h1>ONE CLICK</h1>
                <h2>CAN SOLVE</h2>

                <h3>ALL YOUR HOUSE PROBLEMS</h3>
                <h4>Request a repair
                    <em>
                        for free
                    </em>here
                </h4>
                <img src={{ asset("public/assets/img/pointer.png") }} alt="Pointer" id="pointer">
            </span>

            <div id="builder-man">
                <img src={{ asset("public/assets/img/builderMan.png") }} alt="Picture of a builder" class="clearfix" />
            </div>
        </article>

    </section>
    <!-- END MAIN HEADING SECTION -->
    <section id="jobs">
        <article class="clearfix">
            <div class="main-div">
                <h2>Request a repair</h2>
                <img src={{ asset("public/assets/img/postjob.png") }}  alt="Request a repair Icon" id="request-icon">
                <p>Search our list of tradesmen divided for your comfort into many categories and sub-categories FOR FREE</p>
            </div>
            <div class="main-div">
                <h2>Compare</h2>
                <img src={{ asset("public/assets/img/compare-tradesmen.png") }} alt="Compare tradesmen Icon" id="compare-icon">
                <p>We will pick up the top tradesmen possessing the required skills for getting the job done.</p>
            </div>
            <div class="main-div">
                <h2>Hire the right one</h2>
                <img src={{ asset("public/assets/img/hiretherightone.png") }} alt="Hire the right one icon" id="hire-icon">
                <p>Choose the one that suits your needs the best and is located near you.</p>
            </div>
            <div class="main-div">
                <h2>Rate tradesmen</h2>
                <img src={{ asset("public/assets/img/ratejob.png") }} alt="Rate tradesmen icon" id="trade-icon">
                <p>After having your repair done rate the tradesman to help other people choose the best ones.

                </p>
            </div>

        </article>
    </section>
    <!-- END JOBS SECTION -->
    <section id="under-jobs">
        <article class="clearfix">
            <div>
                <h4>SOME TEXT</h4>
                <p>We provide you a wide range of tradesment to repair your house. Solve all your problems with just one click NOW! If you are a tradesment we give you an opportunity to advertise your skills at LOW PRICE!
                </p>
            </div>
            <div>
                <h4>SOME TEXT</h4>
                <p>This is Sparta ladies and gentlemen nothing else matters rado shisharkata kon ovcevud минавам на кирилица ama kbracket ne q haresva
                </p>
            </div>
            <div>
                <h4>SOME TEXT</h4>
                <p>This is Sparta ladies and gentlemen nothing else matters rado shisharkata kon ovcevud минавам на кирилица ama kbracket ne q haresva
                </p>
            </div>
        </article>
    </section>

    <footer id="footer-box">
        <article class="clearfix">
            <div>
                <h4>What we do</h4>
                <p>We provide you a wide range of tradesment to repair your house. Solve all your problems with just one click NOW!</p>
            </div>
            <div>
                <h4>About us</h4>
                <p>
                    We,
                    <em>Builderstars</em>, are a new website and our aim is to reinvent the way you advertise or request repairs. now you can do it with just one click!</p>
            </div>

            <div>
                <h4>Contact us</h4>
                <p>We provide you a wide range of tradesment to repair your house. Solve all your problems with just one click NOW!</p>
            </div>
        </article>
    </footer>
</body>

</html>
